

<%-- 
    Document   : tambahPayment
    Created on : 26 Des 11, 14:54:24
    Author     : Noval54
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Payment Confirmation</title>
        <style type="text/css">
            @import url("layout.css");
            @import url("forms.css");
            @import url("datepicker.css");
        </style>
        <script type="text/javascript" src="jqueryui/js/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="jqueryui/development-bundle/ui/ui.core.js"></script>
        <script type="text/javascript" src="jqueryui/development-bundle/ui/effects.core.js"></script>
        <script type="text/javascript" src="jqueryui/development-bundle/ui/effects.highlight.js"></script>
        <script type="text/javascript" src="jqueryui/development-bundle/ui/ui.tabs.js"></script>
        <script language="javascript" type="text/javascript" src="datetimepicker.js"></script>
        <script type="text/javascript">
            $(function() {
                $("#tabs").tabs({
                    event: 'mouseover'
                });
            });

            $(function() {
                //run the currently selected effect
                function runEffect(){
                    //get effect type from
                    var selectedEffect = $('#highlight').val();
                    //most effect types need no options passed by default
                    var options = {};
                    //check if it's scale, transfer, or size - they need options explicitly set
                    if(selectedEffect == 'scale'){  options = {percent: 0}; }
                    else if(selectedEffect == 'size'){ options = { to: {width: 200,height: 60} }; }

                    //run the effect
                    $("#searchdiv").toggle(selectedEffect,options,500);
                };

                //set effect from select menu value
                $("#searchnow").click(function() {
                    runEffect();
                    return false;
                });

            });

        </script>

        <link href="css/ajaxui.css" rel="stylesheet" type="text/css" />

        <!--
        This CSS template is released under Creative Commons Share Alike license. You are free to use it for personal purposes only. You shall not resell this template or remove the link back to ramblingsoul.com from the pages.
        
        Designed by - Roshan M. Ravi
        URL - www.ramblingsoul.com
        email me for enquiries / help - c.pixels@gmail.com-->


    </head>

    <body>
        <div id="wrap">
            <div id="wrap">
                <div id="topbar">
                    <ul>    
                        <li><a href="account?page=home">Home</a></li>               
                        <li><a href="account?page=register">Register</a></li>
                    </ul>
                </div>
                <div id="header">
                    <div id="sitename">
                        <h1 id="logo">O-NICK</h1>
                    </div>
                    <div id="shoutout"><img src="../images1/joinnow_shoutout.jpg" alt="Join Now! It's Free" width="168" height="126" /></div>
                    <div id="useractions">
                        <div id="headings">
                            <h2><img src="../images1/create_indi_usr.jpg" alt="Individual User" width="25" height="22" /> <a href="#">Create PROMOTOR Account</a></h2>
                        </div>
                        <div id="login">
                            <p><strong>Login here...</strong> ${error}</p>
                            <div id="loginform">
                                <form method="post" action="account?page=loggedin">
                                    <div class="formblock">
                                        <label>Username</label>
                                        <input name="username" id="username" type="text" value="${tempLog.username}" class="textfields" />
                                    </div>
                                    <div class="formblock">
                                        <label>Password</label>
                                        <input name="password" id="password" type="password" class="textfields"/>
                                    </div>
                                    <div class="formblock">
                                        <input href ="account?page=profile" type="image" src="images1/loginbutton.jpg" name="button" id="button" value="Submit" />
                                    </div>
                                    <div class="clear">&nbsp;</div>
                                    <p>
                                        <input name="" type="checkbox" value="" />
                                        Remember me on this computer </p>
                                </form>
                            </div>

                        </div>
                    </div>
                </div>
                <div id="content">
                </div>

                <div id="topcategorieslink" class="clear">
                    <h2>Pembayaran</h2>

                </div>
                <div class="clear">&nbsp;</div>
                <div id="main">
                    <h1>Payment Confirmation ${error}</h1>
                    <div id="moredetails">
                        <br></br>
                        <div id="listing_details"><form name ="form1" method="post" action="payment?page=added" method="POST" align="center" >
                                <table align="center" class="search_form" style="width:100%; border:none;">
                                    <tr>
                                        <td class="label">Payer Name</td>
                                        <td colspan="3"><label>
                                                <input type="text" name="namaPayer" value="${tempAddHistoryPayment.namaPayer}" class="text longfield"/>

                                            </label></td>
                                    </tr>
                                    <tr>
                                        <td class="label">Payer Email</td>
                                        <td colspan="3"><label>
                                                <input type="text" name="emailPayer" value="${tempAddHistoryPayment.emailPayer}" class="text longfield"/>
                                            </label></td>
                                    </tr>
                                    <tr>
                                        <td class="label">Total Tickets</td>
                                        <td colspan="3"><label>
                                                <input type="text" name="jumlahTiket" value="${tempAddHistoryPayment.jumlahTiket}" class="text longfield"/>
                                            </label></td>
                                    </tr>
                                    <tr>
                                        <td class="label" border="1">Payment Date</td>
                                        <td colspan="3"><label>
                                                <input id="demo1" type="text" name="tanggalPayment" value="${tempAddHistoryPayment.tanggalPayment}" /><a href="javascript:NewCal('demo1','ddmmyyyy')"><img src="images/cal.gif" width="16" height="16" border="0" alt=" Pick a date"></a>
                                            </label></td>
                                    </tr>
                                    <tr>
                                        <td class="label">Total Payment</td>
                                        <td colspan="3"><label>
                                                <input type="text" name="totalPayment" value="${tempAddHistoryPayment.totalPayment}" class="text longfield" />
                                            </label></td>
                                    </tr>
                                    <tr>
                                        <td class="label"><p>&nbsp;</p>
                                            <p>&nbsp;</p>
                                            <p>&nbsp;</p>
                                            <p>&nbsp;</p>
                                            <p>&nbsp;</p>
                                            <p>&nbsp;</p></td>
                                        <td>&nbsp;</td>
                                        <td colspan="2" class="label"><label>
                                                <div align="left">
                                                    <input type="image" src="images1/savebtn.jpg" alt="search " name="button2" id="button2" value="Submit" onclick="return form1"/>
                                                    <br />
                                                    <br />
                                                </div>
                                            </label></td>
                                    </tr>
                                </table>
                            </form>
                        </div>
                        <div class="clear">&nbsp;</div>

                    </div>
                    <div class="clear">&nbsp;</div>
                </div>
            </div>
    </body>
</html>
